<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../../../Style/skin.css" />	    
</head>
    <body>
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <!-- 头部开始 -->
            <tr>
                <td width="17" valign="top" background="../../../Images/mail_left_bg.gif">
                    <img src="../../../Images/left_top_right.gif" width="17" height="29" />
                </td>
                <td valign="top" background="../../../Images/content_bg.gif">
                    <table width="100%" height="31" border="0" cellpadding="0" cellspacing="0" background="./../../../Images/content_bg.gif">
                        <tr><td height="31"><div class="title">服务创建</div></td></tr>
                    </table>
                </td>
                <td width="16" valign="top" background="../../../Images/mail_right_bg.gif"><img src="../../../Images/nav_right_bg.gif" width="16" height="29" /></td>
            </tr>
            <!-- 中间部分开始 -->
            <tr>
                <!--第一行左边框-->
                <td valign="middle" background="../../../Images/mail_left_bg.gif">&nbsp;</td>
                <!--第一行中间内容-->
                <td valign="top" bgcolor="#F7F8F9">
                    <table style="width:100%" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <!-- 空白行-->
                        <tr><td colspan="2" valign="top">&nbsp;</td><td>&nbsp;</td><td valign="top">&nbsp;</td></tr>
						<tr>
							<td colspan="4">
								<form class="clearfix">
									<div style="float:left">
										<p style="float:left; margin-left:30px;"><label>服务名称：</label><input class="text" style="width:80px;"/></p>&nbsp;&nbsp;&nbsp;
										<p style="float:left; margin-left:30px;"><label>服务类型：</label>
											<select>
												<option>不限</option>
												<option>咨询服务</option>
												<option>售前服务</option>
												<option>售后服务</option>
												<option>投诉服务</option>
											</select>
										</p>&nbsp;&nbsp;&nbsp;
										<p style="float:left; margin-left:30px;"><label>服务状态：</label>
											<select>
												<option>不限</option>
												<option>待提交</option>
												<option>待分配</option>
												<option>待处理</option>
												<option>待反馈</option>
												<option>已反馈</option>
											</select>
										</p>&nbsp;&nbsp;&nbsp;
                                        <p style="float:left; margin-left:30px;"><label>操作时间：</label><input class="text" style="width:80px;"/> - <input class="text" style="width:80px;"/></p>&nbsp;&nbsp;&nbsp;
										<p style="float:left; margin-left:30px;"><input type="button" class="btn" value="查询"/></p>
									</div>
									<div style="float:right">
										<input type="button" onclick='window.location="add.html"' class="btn" value="创建服务"/> 
										<input type="button" class="btn" value="批量删除"/>										
									
									</div>
								</form>
							<td>
						</tr>
                        <!-- 一条线 -->
                        <tr>
                            <td height="40" colspan="4">
                                <table width="100%" height="1" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
                                    <tr><td></td></tr>
                                </table>
                            </td>
                        </tr>
                        <!-- 列表展示开始 -->
                        <tr>
                            <td width="2%">&nbsp;</td>
                            <td width="96%">
                                <table width="100%">
                                    <tr>
                                        <td colspan="2">
                                            <form action="" method="">
                                                <table width="100%"  class="cont tr_color">
                                                    <tr>
                                                        <th>序号</th>
                                                        <th>选择</th>
                                                        <th>服务名称</th>
                                                        <th>服务类型</th>
                                                        <th>当前状态</th>
														<th>最后操作时间</th>
                                                        <th>操作者</th>
                                                        <th>待处理人</th>
                                                        <th>操作</th>
                                                    </tr>
                                                    <tr align="center" class="d">
                                                   		<td>1</td>
                                                        <td><input type="checkbox" value="" /></td>
                                                        <td><a href="view.html">四川客户离心器售后服务</a></td>
                                                        <td>售后服务</td>
                                                        <td>待提交</td>
                                                        <td>2015-10-18 10:25:00</td>
                                                        <td>周翔宇</td>
														<td>周翔宇</td>
                                                        <td>
                                                        	<a href="edit.html">修改</a>&nbsp;&nbsp;
															<a href="#">提交</a>&nbsp;&nbsp;
                                                            <a href="#">删除</a>&nbsp;&nbsp;
                                                            <a href="view.html">详情</a>
														</td>
                                                    </tr>
                                                     <tr align="center" class="d">
                                                   		<td>2</td>
                                                        <td><input type="checkbox" value="" /></td>
                                                        <td><a href="view.html">北京客户离心机安装服务</a></td>
                                                        <td>售前服务</td>
                                                        <td>待分配</td>
                                                        <td>2015-10-17 09:14:33</td>
                                                        <td>周翔宇</td>
														<td>李得胜</td>
                                                        <td><a href="view.html">详情</a></td>
                                                    </tr>
                                                    <tr align="center" class="d">
                                                   		<td>3</td>
                                                        <td><input type="checkbox" value="" /></td>
                                                        <td><a href="view.html">云南客户设备故障投诉服务</a></td>
                                                        <td>投诉服务</td>
                                                        <td>待处理</td>
                                                        <td>2015-10-15 10:22:08</td>
                                                        <td>李得胜</td>
														<td>刘渭璜</td>
                                                        <td><a href="view.html">详情</a></td>
                                                    </tr>
                                                    <tr align="center" class="d">
                                                   		<td>4</td>
                                                        <td><input type="checkbox" value="" /></td>
                                                        <td><a href="view.html">北京客户设备升级咨询服务</a></td>
                                                        <td>咨询服务</td>
                                                        <td>待反馈</td>
                                                        <td>2015-10-10 15:23:25</td>
                                                        <td>刘渭璜</td>
														<td>周翔宇</td>
                                                        <td><a href="view.html">详情</a></td>
                                                    </tr>
                                                    <tr align="center" class="d">
                                                   		<td>5</td>
                                                        <td><input type="checkbox" value="" /></td>
                                                        <td><a href="view.html">北京客户明洞设备安装服务</a></td>
                                                        <td>售前服务</td>
                                                        <td>已反馈</td>
                                                        <td>2015-10-09 09:50:00</td>
                                                        <td>周翔宇</td>
														<td>无</td>
                                                        <td><a href="view.html">详情</a></td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td width="2%">&nbsp;</td>
                        </tr>
                        <!--列表展示结束 -->
                        <tr>
                            <td height="40" colspan="4">
                                <table width="100%" height="1" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
                                    <tr><td></td></tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="2%">&nbsp;</td>
                            <td width="51%" class="left_txt">
                           		<input type="button" value="全选" />&nbsp;&nbsp;&nbsp;
                                <input type="button" value="反选" />
                            	
                            
                            
                            <div style="float:right;"><b>
                                <a href="#">首页</a>&nbsp;&nbsp;&nbsp;
								<a href="#">上一页</a>&nbsp;&nbsp;&nbsp;
								<a href="#">&lt;&lt;</a>&nbsp;&nbsp;&nbsp;
								<a href="#">1</a>&nbsp;&nbsp;&nbsp;
								<a href="#">2</a>&nbsp;&nbsp;&nbsp;
								<a href="#">3</a>&nbsp;&nbsp;&nbsp;
								<a href="#">4</a>&nbsp;&nbsp;&nbsp;
								<a href="#">5</a>&nbsp;&nbsp;&nbsp;
								<a href="#">6</a>&nbsp;&nbsp;&nbsp;
								<a href="#">7</a>&nbsp;&nbsp;&nbsp;
								<a href="#">&gt;&gt;</a>&nbsp;&nbsp;&nbsp;
								<a href="#">下一页</a>&nbsp;&nbsp;&nbsp;
								<a href="#">尾页</a>&nbsp;&nbsp;&nbsp;
								每页显示10条&nbsp;&nbsp;&nbsp;
								当前 4/23 页&nbsp;&nbsp;&nbsp;
								共225条
                            </b></div>
                            
                            </td>
                            <td>&nbsp;</td><td>&nbsp;</td>
                        </tr>
                    </table>
                </td>
                <td background="../../../Images/mail_right_bg.gif">&nbsp;</td>
            </tr>
            <!-- 底部部分 -->
            <tr>
                <td valign="bottom" background="../../../Images/mail_left_bg.gif">
                    <img src="../../../Images/buttom_left.gif" width="17" height="17" />
                </td>
                <td background="../../../Images/buttom_bgs.gif">
                    <img src="../../../Images/buttom_bgs.gif" width="17" height="17">
                </td>
                <td valign="bottom" background="../../../Images/mail_right_bg.gif">
                    <img src="../../../Images/buttom_right.gif" width="16" height="17" />
                </td>           
            </tr>
        </table>
    </body>
</html>